@import '../../../styles/index';

@include p(login) {
  height: 100vh;
  @include pb(lg-wrap) {
    padding: 20px;
    h2 {
      padding-top: 20px;
    }
    ul li {
      padding-top: 20px;
      &:nth-child(2) {
        position: relative;
      }
      &:nth-last-child(1) {
        display: flex;
        align-items: center;
        input {
          width: 200px;
        }
        .code-wrap {
          margin-left: 20px;
          @include size(100px, 40px);
          line-height: 40px;
          img {
            @include size(100%, 100%);
          }
        }
      }
      p {
        font-size: 16px;
        margin-bottom: 10px;
      }
      input {
        @include size(100%, 40px);
        border: 1px solid #ccc;
        border-radius: 5px;
        padding-left: 16px;
        font-size: 16px;
      }
      .showicon {
        width: 20px;
        height: 13px;
        background: url('../../../assets/img/show.png') no-repeat;
        background-size: 100% 100%;
        @include position--absolute(65px, 32px, null, null);
      }
      .showhide {
        width: 18px;
        height: 13px;
        background: url('../../../assets/img/hide.png') no-repeat;
        background-size: 100% 100%;
        @include position--absolute(68px, 32px, null, null);
      }
    }
    button {
      @include size(100%, 40px);
      border: none;
      margin-top: 20px;
      border-radius: 5px;
    }
  }
}
